
.content .banner{
    width: 7.5rem;
    height: 2.83rem;
    overflow: hidden;
    position: relative;
}
.content .banner .lb{
    width: 45rem;
    height: 2.83rem;
    position: absolute;

}
.content .banner .lb li{
    width: 7.5rem;
    float: left;
}
.content .banner .lb li a img {
    width: 7.5rem;
    height: 2.83rem;
}
.btn {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.btn span {
    color: white;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    background: black;
    opacity: 0.5;
    border-radius: 50%;
    margin-left: 2px;
    cursor: pointer;
}
.btn span.cor {
    opacity: 1;
}


.content nav {
    /*padding: .3rem 0;*/
    /*display: inline-block;*/
    /*width: 100%;*/
}

.content nav .container {
    width: 6.26rem;
    height: 1.3rem;
    margin: .28rem auto;
}

.content nav .container figure {
    width: .97rem;
    height: 1.3rem;
    float: left;
    font-size: .24rem;
    color: #393939;
    text-align: center;
    margin-right: .75rem;
}

.content nav .container figure .dase:after {
    width: .58rem;
    height: .28rem;
    line-height: .28rem;
    color: white;
    background: #fb0000;
    border-radius: .08rem;
    position: absolute;
    top: -.09rem;
    right: -.27rem;
    font-size: .24rem;
    text-align: center;
    font-style: italic;
}

.content nav .container figure .hot:after {
    content: 'hot';
}

.content nav .container figure:last-child {
    margin: 0;
}

.content nav .container figure a {
    display: inline-block;
    position: relative;
}

.content nav .container figure a, .content nav .container figure a img {
    width: .97rem;
    height: .92rem;
}

.content .product {
    display: inline-block;
    width: 100%;
    background: #f8f8f8;
    padding-bottom: 1.13rem;
    font-family: '宋体';

}

.content .product li a{
    display: block;
    width: 6.67rem;
    height: 2.48rem;
    background: #fff;
    border: 1px #d3d3d3 solid;
    padding: .36rem 0 0 .59rem;
    margin: .2rem auto;
}

.content .product li .left {
    float: left;
    width: 3.31rem;
}

.content .product li .left h3 {
    font-size: .42rem;
    line-height: .58rem;
}

.content .product li:nth-child(2n+1) .left h3,.content .product li:nth-child(2n+1) .desc .big{
    color: #f04e92;
}

.content .product li:nth-child(2n) .left h3,.content .product li:nth-child(2n) .desc .big {
    color: #66cee6;
}

.content .product li .left .desc {
    margin: .37rem 0 0 0;
    line-height: .42rem;
    font-size: .27rem;
    color: #3e3e3e;
    letter-spacing: 0.02rem;
    border-bottom: 1px #000000 solid;
}

.big {
    font-size: .6rem;
    color: #f04e92;
}

.small {
    font-size: .3rem;
    color: #f04e92;
}

.content .product li .left .more {
    color: #818181;
    font-size: .26rem;
    line-height: .42rem;
}
.content .product li .right{
    float: right;
}
.content .product li .right img{
    width: 3.15rem;
    height: 2.15rem;

}
